<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>

<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
            
    
$(function(){
	
	// 移到留言上可以删除,编辑-------------------------------------------
		$('#mian .list .onep').hover(function() {
			$(this).find('a').show();
			$(this).find('.edit_a').show();
			$(this).find('.content').addClass('content1');
		}, function() {
			$(this).find('a').hide();
			$(this).find('.edit_a').hide();
			$(this).find('.content').removeClass('content1');
		});

   // 留言方式的切换------------------------------------------------
		var c=1;
		$('.close').click(function(event) {
			if(c==1){
				$('#right').stop().animate({"top": 800+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": 0+'px'},3000);
				c=0;
			}else{
				$('#right').stop().animate({"top": 50+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": -120+'px'},3000);
				c=1;
			}
		});

	
	
})


</script>
<style type="text/css">
tbody tr th {
	background-color: #BCB6B6;
}
</style>
</head>

<body>
<div id="top">
		
</div>

<div id="mian_out">
	  <div id="mian">
			<h2></h2>
			<ul class="list">
                            <?php
                              require_once './db_conn.php';
                              $sql = "SELECT * FROM  yuangob ";
                              $result = $conn->query($sql);
                              //print_r($result);
                              //die;
                              
                              ?>
                            <?php if ($result->num_rows > 0) : ?>
                            <?php
                            $rows = $result->fetch_all(MYSQLI_ASSOC);
                            //echo "<pre>";
                            //print_r($rows);
                            //die;

                            foreach($rows as $row) : ?>
                                      
      					<li class="onep">

                                     
				</li>
                                <table width="422" border="1">
  <tbody>
    <tr>
      <th width="28" scope="col">&nbsp;id</th>
      <th width="42" scope="col">&nbsp;性名</th>
      <th width="97" scope="col">&nbsp;所属部门</th>
      <th width="38" scope="col">&nbsp;头像</th>
      <th width="150" scope="col" height="">&nbsp;出生日期</th>
      <th width="150" scope="col">&nbsp;入职时间</th>
    </tr>
    <tr>
      <td>&nbsp;<p class="id"><?php echo $row["id"]; ?></p></td>
      <td>&nbsp;<p class="name"><?php echo $row["name"]; ?></p></td>
      <td>&nbsp;<p class="bumne"><?php echo $row["bumen"]; ?></p></td>
      <td>&nbsp;<p class="pic"><img src="<?php echo $row["toux"]; ?>"alt=""</p></td>
      <td>&nbsp;<p class="chushen"><?php echo $row["chushen"]; ?></p></td>
      <td>&nbsp;<p class="shij"><?php echo $row["shij"]; ?></p></td>
    </tr>
   
  </tbody>
</table>
                 <?php endforeach;?>  
                   <?php else: ?>
                   <?php endif; ?>
				        </ul>
   </div>
   

</div>
   
</div>


</div>

</body>
</html>
